<div th:fragment="indexheader" xmlns:th="http://www.w3.org/1999/xhtml">

    <div class="layui-left-menu-tit">
        <div class="layui-left-menu-text">
            <span>企业综合管理平台</span>
            <li style="float: right" onclick="flexible()" class="layui-nav-item layadmin-flexible " lay-unselect><a href="javascript:;"  title="侧边伸缩"> <i class="layui-icon layui-icon-shrink-right index-flexible" id="LAY_app_flexible"></i></a></li>
        </div>
    </div>
    <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
        <li th:if=" ${buttonState['searchbtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>
            <font class="moduleSearchSpan">功能</font>
            <input type="text" class="moduleSearchInput" name="moduleSearch" id="moduleSearch" autocomplete="off"
                   placeholder="搜索关键字" oninput="moduleSearch()">
            <a href="javascript:;" class="moduleSearchIcon"><i class="dhicon dh-search"></i></a>
            <dl class="layui-nav-child layui-anim layui-anim-upbit"
                style="max-height: 500px;overflow-y: overlay;width: 100%;">
            </dl>
        </li>
<!--        <li th:if=" ${buttonState['noticebtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>-->
<!--            <a lay-href="/system/modulenotice" layadmin-event="message" lay-text="通知中心" title="通知"><if-->
<!--                    class="dhicon dh-bell-o"><span>&nbsp;&nbsp;通知</span></if>-->
<!--                <p class="layui-badge index-badge" id="notice" style="display:none">0</p>-->
<!--            </a>-->
<!--        </li>-->
        <li th:if=" ${buttonState['taskbtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>
            <a lay-href="/flowable/task/task" layadmin-event="note1" lay-text="任务中心" title="任务"><i
                    class="dhicon dh-file-text-o"><span>&nbsp;&nbsp;任务</span></i>
                <p class="layui-badge index-badge" id="todoTask" style="display:none">0</p>
            </a>
        </li>
        <li th:if=" ${buttonState['taskbtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>
            <a layadmin-event="note2" lay-text="任务(新)" title="任务(新)" onclick="toTask()">
            	<i class="dhicon dh-file-text-o"><span>&nbsp;&nbsp;任务(新)</span></i>
            	<p class="layui-badge index-badge" id="id_numTackNeedHandle" th:if="${dto.numTackNeedHandle > 0}">[[${dto.numTackNeedHandle}]]</p>
            </a>
        </li>
        <li th:if=" ${buttonState['mailbtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>
            <a lay-href="/system/mail" layadmin-event="mail" lay-text="邮件系统" title="邮件"><i
                    class="dhicon dh-envelope"><span>&nbsp;&nbsp;邮件</span></i>
                <p class="layui-badge index-badge" id="unreadMail" style="display:none">1</p>
            </a>
        </li>
        <li th:if=" ${buttonState['folderbtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>
            <a lay-href="/system/datafolder" layadmin-event="datafolder" lay-text="资料库" title="资料库"><i
                    class="dhicon dh-book"><span>&nbsp;&nbsp;资料库</span></i></a>
        </li>
        <li th:if=" ${buttonState['exambtn']} eq 'enable'" class="layui-nav-item right_menu" lay-unselect>
            <a href="/examlogin" title="考试" target="_blank"><i
                    class="dhicon dh-graduation-cap"><span>&nbsp;&nbsp;考试</span></i></a>
        </li>
        <li class="layui-nav-item" lay-unselect><a href="javascript:;"><i class="layui-icon layui-icon-username"><span
                th:text="'&nbsp;'+${session.userName}"></span></i></a>
            <dl class="layui-nav-child">
                <dd style="text-align: center;">
                    <a style="padding:0 10px" th:lay-href="'/system/user/view?userId=' + ${session.userId}"><i
                            class="dhicon dh-user-circle-o"></i>&nbsp;&nbsp;基本资料</a>
                </dd>
<!--                <dd style="text-align: center;">-->
<!--                    <div  onclick="$.operate.add(null)">   <a style="padding:0 10px"  ><i-->
<!--                            class="dhicon dh-key"></i>&nbsp;&nbsp;修改密码</a></div>-->

<!--                </dd>-->
<!--                <dd style="text-align: center;">-->
<!--                    <a style="padding:0 10px" th:lay-href="'/system/user/passwordedit?userId=' + ${session.userId}"><i-->
<!--                            class="dhicon dh-key"></i>&nbsp;&nbsp;修改密码</a>-->
<!--                </dd>-->
                <dd style="text-align: center;">
                    <a style="padding:0 10px" onclick="changePassword()"><i
                            class="dhicon dh-key"></i>&nbsp;&nbsp;修改密码</a>
                </dd>
                <dd style="text-align: center;">
                    <a style="padding:0 10px" href="javascript:;" layadmin-event="theme" lay-text="更换主题" title="更换主题"><i
                            class="dhicon dh-delicious"></i>&nbsp;&nbsp;更换主题</a>
                </dd>
                <dd style="text-align: center;">
                    <a style="padding:0 10px" href="javascript:;" layadmin-event="fullscreen" lay-text="全屏显示"
                       title="全屏显示"><i class="layui-icon layui-icon-screen-full"></i>&nbsp;&nbsp;全屏显示</a>
                </dd>
                <hr>
                <dd style="text-align: center;">
                    <a style="padding:0 10px" href="javascript:;" onclick="lockScreen()"><i
                            class="dhicon dh-expeditedssl"></i>&nbsp;&nbsp;锁屏</a>
                </dd>
                <dd style="text-align: center;">
                    <a style="padding:0 10px" th:href="@{logout}"><i class="dhicon dh-sign-out"></i>&nbsp;&nbsp;退出</a>
                </dd>
            </dl>
        </li>
    </ul>
</div>

<div th:fragment="indextab">
    <div class="layadmin-pagetabs" id="LAY_app_tabs">
        <div class="layui-icon layadmin-tabs-control layui-icon-prev" style="color:#4592fa;background: #fff"
             layadmin-event="leftPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-next"  style="color:#4592fa;background: #fff"
             layadmin-event="rightPage"></div>
        <div class="layui-icon layadmin-tabs-control layui-icon-down"  style="background: #fff">
            <ul class="layui-nav layadmin-tabs-select"
                lay-filter="layadmin-pagetabs-nav">
                <li class="layui-nav-item" lay-unselect><a href="javascript:;"></a>
                    <dl class="layui-nav-child layui-anim-fadein">
                        <dd layadmin-event="closeThisTabs">
                            <a href="javascript:;">关闭当前标签页</a>
                        </dd>
                        <dd layadmin-event="closeOtherTabs">
                            <a href="javascript:;">关闭其它标签页</a>
                        </dd>
                        <dd layadmin-event="closeAllTabs">
                            <a href="javascript:;">关闭全部标签页</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
            <ul class="layui-tab-title" id="LAY_app_tabsheader">
                <li lay-id="../../home/console.html" lay-attr="../../home/console.html" class="this-home layui-this "><i
                        class="layui-icon layui-icon-home"></i></li>
            </ul>
        </div>
    </div>
</div>
<div th:fragment="indexleft">
    <div class="layui-logo" lay-href="/system/main" ></div>
    <div th:with="headerLeftOneMenu=${@sysmenuinfo.queryMenuInfoTreePC(moduleTable)},menusGroup=${@sysmenuinfo.menusGroup(moduleTable)}"
         class="layui-form-item layui-top" id="icu996">
        <!--        layui-nav layui-nav-tree layui-left-menu-tree-->
        
        <div th:each="item:${headerLeftOneMenu}" class="layui-left-menu-one" style="margin-top: 10px" th:id='${item.id}'>
            <a href="javascript:;" th:title="${item.title}" th:onclick="hitTheMenu([[${item.id}]])" th:if="${item.title}!='逸思精品'">
                <i style=" font-size: 23px;color: #fff;margin-top: 5px;" th:class="${item.menuIcon}"></i>
                <div style="color: #fff;font-size: 12px;margin-top: 3px;">[[${item.title}]]</div>
            </a>
            <a href="javascript:;" layadmin-event="" title="逸思精品" th:if="${item.title}=='逸思精品'" onclick="shops()">
                <i style=" font-size: 23px;color: #fff;margin-top: 5px;" th:class="${item.menuIcon}"></i> 
                <div style="color: #fff;font-size: 12px;margin-top: 3px;">[[${item.title}]]</div>
            </a>
            <div class="layui-left-menu-two" th:if="${item.title}!='逸思精品'">
                <ul th:each="son:${item.children}" th:id='${son.id}' class="menu-two-box" th:onclick="hitTheTwoMenu([[${son.id}]])">
                    <li class="two-text">
                        <a href="javascript:;" th:title="${son.title}"><i
                                id="two-text-img" th:class="${son.menuIcon}"></i>
                            <span style="margin-left:15px">[[${son.title}]]</span>
                        </a>
                    </li>
                    <div class="layui-left-menu-three">
                        <div class="three-menu-group">
                            <div class="layui-tab layui-tab-brief menu-three-txt" lay-filter="docDemoTabBrief">
                                <ul class="layui-tab-title layui-tab-title-flex" >
                                    <li id="menuall" class="layui-this" th:dataset.name="全部">全部</li>
                                    <li th:each="grandson:${son.children}" th:if="${#arrays.length(grandson.children) >0}" th:dataset.name="${grandson.title}" >[[${grandson.title}]]</li>
                                    <!--                                    <li th:dataset.name="未定义">未定义</li>-->
    
                                </ul>
                                <div class="layui-tab-content"></div>
                            </div>
                        </div>
                        <div class="menu-four-box" id="box-4">
                            <div th:each="grandson:${son.children}" th:class="menusGroupId" th:id="${grandson.title}">
                                <ul class="menu-four-back">[[${grandson.title}]]</ul>
                                <div class="three-menu">
                                    <ul th:each="greatGrandson:${grandson.children}"  th:if="${greatGrandson.moduleGroup} eq ${grandson.title}" th:id='${greatGrandson.id}' class="menu-three-box">
                                        <li class="layui-nav-item menu-four-txt" >
                                            <dl>
                                                <dd>
                                                    <a  th:title="${greatGrandson.title}" class="four-menu-text"  th:onclick="newTab([[${greatGrandson.href}]],[[${greatGrandson.title}]]+' - 查询',[[${grandson.id}]])">
                                                        [[${greatGrandson.title}]]
                                                    </a>
                                                    <a th:if="${greatGrandson.hrefadd !='#'}" th:title="${greatGrandson.title}" th:onclick="newTab([[${greatGrandson.hrefadd}]],[[${greatGrandson.title}]]+' - 新增',[[${grandson.id}]])">
                                                        <i
                                                                style="font-size: 14px;color: #000;margin-top: 5px;float: right;line-height: 20px;" class="dhicon dh-plus"></i>
                                                    </a>
                                                </dd>
                                            </dl>
                                        </li>
                                    </ul>
                                </div>
                            </div>
    
                        </div>
                    </div>
                </ul>
    
            </div>
        </div>

    
        
        <div class="layui-left-menu-one"   style="margin-top: 10px;" >
            <a href="javascript:;" layadmin-event="refresh" title="刷新"> <i
                    style=" font-size: 23px;color: #fff;"
                    class="layui-icon layui-icon-refresh-3"></i> </a>
        </div>
    </div>

</div>


<div th:fragment="lockscreen">
    <div id="lockscreen" class="lock-screen-wrapper" style="display:none">
        <div class="lock-screen-time"></div>
        <div class="lock-screen-date"></div>
        <div class="lock-screen-form">
            <input placeholder="请输入解锁密码" class="lock-screen-psw" maxlength="20" type="text"/>
            <i class="layui-icon layui-icon-password lock-screen-enter"></i>
            <br/>
            <div class="lock-screen-tip"></div>
        </div>
        <div class="lock-screen-tool">
            <div class="lock-screen-tool-item">
                <a style="color:#fff;font-size:28px" th:href="@{logout}"><i class="dhicon dh-power-off"></i></a>
                <div class="lock-screen-tool-tip">退出登录</div>
            </div>
        </div>
    </div>
</div>